<template>
	<view>
		<view class="zy-row bg-red-rtop">
			<image src="@/static/img/bell_white.png" class="zy-icon-lg zy-ml-lg" mode="widthFix"></image>
			<view class="zy-text-white-lg-bold zy-ml">{{title}}</view>
		</view>
		<view class="zy-row-wrap bg-white-rbottom" @click="toMallDetail">
			<view class="zy-column-center-center zy-p" style="width: 25%;">
				<image class="zy-img-circle" :src="getTestImage()"></image>
				<view class="zy-text-black zy-mt">Super</view>
			</view>
			<view class="zy-column-center-center zy-p" style="width: 25%;">
				<image class="zy-img-circle" :src="getTestImage()"></image>
				<view class="zy-text-black zy-mt">Super</view>
			</view>
			<view class="zy-column-center-center zy-p" style="width: 25%;">
				<image class="zy-img-circle" :src="getTestImage()"></image>
				<view class="zy-text-black zy-mt">Super</view>
			</view>
			<view class="zy-column-center-center zy-p" style="width: 25%;">
				<image class="zy-img-circle" :src="getTestImage()"></image>
				<view class="zy-text-black zy-mt">Super</view>
			</view>
			<view class="zy-column-center-center zy-p" style="width: 25%;">
				<image class="zy-img-circle" :src="getTestImage()"></image>
				<view class="zy-text-black zy-mt">Super</view>
			</view>
			<view class="zy-column-center-center zy-p" style="width: 25%;">
				<image class="zy-img-circle" :src="getTestImage()"></image>
				<view class="zy-text-black zy-mt">Super</view>
			</view>
			<view class="zy-column-center-center zy-p" style="width: 25%;">
				<image class="zy-img-circle" :src="getTestImage()"></image>
				<view class="zy-text-black zy-mt">Super</view>
			</view>
		</view>
	</view>
</template>

<script>
	import RouteUtil from '@/common/RouteUtil';
	export default {
		name:"mall-cell",
		data() {
			return {
				
			};
		},
		props:{
			title:{
				type: String,
				default: ()=>''
			}
		},
		methods:{
			toMallDetail(){
				console.log('kkk: ');
				RouteUtil.toMallDetail()
			}
		}
	}
</script>

<style lang="scss" scoped>
	.bg-red-rtop{
		background-color: $zy-color-main;
		height: 80rpx;
		border-top-left-radius: 30rpx;
		border-top-right-radius: 30rpx;
	}
	.bg-white-rbottom{
		background-color: #fff;
		border-bottom-left-radius: 30rpx;
		border-bottom-right-radius: 30rpx;
	}
	

</style>